﻿@model List<Pageparkproject.Models.tblProject>
@{
    ViewBag.Title = "Dự án thiết kế nội thất";
    Layout = "~/Views/Shared/Layout.cshtml";
<script src="~/Contents/Scripts/jquery-1.8.2.min.js"></script>
}
<style>
    img.imgproject {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
img.imgproject:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
</style>
<script type="text/javascript">
    //$(document).ready(function(){
    //    $('.imgproject').fadeTo(0, 0.5);
    //    $('.imgproject').hover(function () {
    //        $(this).fadeTo(800, 1.0);
    //    },function(){
    //        $(this).fadeTo(400, 0.5);
    //    });
    //});
</script>
<div class="project">
    <ul>
        @foreach (var item in Model.OrderByDescending(m => m.dNgay)) 
        {
            <li>
                <a href="@Url.Action("ProjectDetail", new {id=item.PK_iProjectID })">
                    <img class="imgproject" src="~/Contents/Images/Project/@item.sAnh" />
                </a>
                <a href="@Url.Action("ProjectDetail", new {id=item.PK_iProjectID })" class="project-list-name"><h1>@item.sProjectName</h1></a>
            </li>
        }
    </ul>
</div>